<template>
	<div class="u-general-color" style="color: #e61111;">
		<u-navbar :title="title" :background="background" :border-bottom="false" title-width="380"></u-navbar>
		<div>
			<section>
				<div>
					<div id="imgbox">
						<div>
							<u-swiper :list="commodity.CommodityPicture.split(',')" height="700" border-radius="0"></u-swiper>
						</div>
					</div>

					<div class="n-price">
						<div class="n-price__left price-area">
							<span class="u-fz-15 u-font-bold">￥</span>
							<span class="u-fz-24 u-font-bold">{{commodity.SpecialPrice}}</span>
							<span class="line-through">￥{{commodity.OriginalPrice}}</span>
						</div>
					</div>

					<div class="u-title u-fz-18 u-pb-10 commodity-name">
						<h4 class="tit f-els-2">{{commodity.CommodityName?commodity.CommodityName:''}}</h4>
					</div>
					<div class="u-mb-15 work-free">
						<div class="u-title text1">
							本次工作报酬
						</div>
						<div class="text2">
							帮卖报酬：每卖出一份可得<span>¥{{commodity.DistributionReward?commodity.DistributionReward:'0'}}</span>工作报酬
						</div>
					</div>
					<div class="infoblocks u-pb-20">
						<div id="qualityreport"></div>
						<div class="n-goodsdetailbar">
							<p class="txt">帮卖工作须知</p>
							<img class="v-img"
								src="https://dev.openea.net/linkey/bpm/appfile/Review/8cdd326d-c127-4f53-8183-85fac74233de.jpg">
						</div>
						<!-- richtext-content -->
						<div class="notice-area" v-html="this.escape2Html(commodity.Remarks)"></div>
					</div>
				</div>
			</section>
			<section class="j-block bg-white">
				<div id="qualityreport">
				</div>
				<div class="n-goodsdetailbar">
					<p class="txt">图文详情</p>
					<img class="v-img"
						src="https://dev.openea.net/linkey/bpm/appfile/Review/8cdd326d-c127-4f53-8183-85fac74233de.jpg">
				</div>
				<div class="u-pb-40" style="margin: 10px;">
					<u-parse :html="this.escape2Html(commodity.CommodityDetail)"></u-parse>
				</div>
			</section>
		</div>

		<article class="m-buybar">
			<div class="btn-wrap">
				<div @click="contactCustomerService" class="collect u-pl-10"
					style="display: flex;flex-direction: column;justify-content: center;text-align: center;">
					<div style="margin: 0 auto;">
						<u-icon name="chat" color="#9d9d9d" size="40"></u-icon>
					</div>
					<span>客服</span>
				</div>
				<a href="#" class="buynow btn" @click="QueryGroup">一键帮卖</a>
			</div>
		</article>

		<!-- 模态框 -->
		<u-modal v-model="CustomerService_Show" confirm-text="关闭" title="客服微信">
			<view class="slot-content">
				<rich-text :nodes="this.escape2Html(CustomerService.topPrompt)"></rich-text>
				<div class="u-center u-pt-5 u-pb-5">
					<u-image width="300rpx" height="300rpx" :src="CustomerService.csQrCode" @longpress="saveImg">
					</u-image>
				</div>
				<rich-text :nodes="this.escape2Html(CustomerService.bottomPrompt)"></rich-text>
			</view>
		</u-modal>

		<!-- 是否存在相似的接龙 -->
		<u-modal v-model="show" title="平台提示" :mask-close-able="true" confirm-text="重新发起" show-cancel-button
			cancel-text="前往拼团" @confirm="PublishGroupPurchase" @cancel="GoToSolitaireDetails">
			<div class="u-p-20">
				<p>您已有相似的拼团进行中，您可选择前往当前拼团或发起新的拼团。</p>
			</div>
		</u-modal>

		<!-- 相似的接龙列表 -->
		<u-modal v-model="show2" title="请选择一个拼团" :mask-close-able="true" :show-confirm-button="false">
			<div class="u-p-10 u-mb-10" v-for="(item, index) in SolitaireList" @click="SureGoTo(item.docUnid)">
				<div style="">
					<h2 style="font-weight: bold;font-size: 30rpx;">{{item.Title}}</h2>
					<p style="font-size: 24rpx;color: #bcbcbc;">发起时间：{{item.CreatedTime}}</p>
				</div>
			</div>
		</u-modal>
		
		<!-- 弹窗type=2时生成海报 -->
		<div>
			<u-modal v-model="poster_modal_show" :show-cancel-button="true" 
				confirm-text="保存相册" 
				cancel-text="复制链接" 
				cancel-color="#2979ff"
				:mask-close-able="true" 
				:show-title="false"
				@confirm="SaveAlbum(PosterURL)"
				@cancel="copyLink(PosterURL)">
				<u-image :src="PosterURL" mode="widthFix" @longpress="saveImg(PosterURL)"></u-image>
			</u-modal>
		</div>

	</div>
</template>

<script>
	export default {
		data() {
			return {
				commodity: {},
				CustomerService_Show: false,
				CustomerService: {},
				SolitaireList: [], // 存在的相似的接龙列表
				show: false,
				show2: false,
				poster_modal_show: false,
				PosterURL: '',
				title: '您有一个帮卖的工作机会',
				background: {
					backgroundColor: '#f3e4e9',
				},
			}
		},

		onLoad(options) {

			if (this.isNotNull(options.MainDocUnid) && this.isNotNull(options.Code_Unid)) {
				// 获取商品信息
				this.getCouponDetails(options.MainDocUnid, options.Code_Unid);
			} else {
				this.showMSG('error', '出错啦！')
				setTimeout(() => {
					this.goBack()
				}, 2500)
			}
		},

		methods: {
			/**
			 * 获取商品信息
			 */
			async getCouponDetails(MainDocUnid, Code_Unid) {
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'ProductPromote',
					wf_num: 'R_ProductPromote_B010',
					MainDocUnid: MainDocUnid,
					Code_Unid: Code_Unid,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.commodity = result.data;

					// 客服信息
					if (this.isNotNull(result.data.CustomerService)) {
						this.CustomerService = result.data.CustomerService
						console.log(this.CustomerService)
					}

				} else {
					this.$u.toast(result.msg);
				}
			},

			/**
			 * 查询是否存在相似的接龙（根据商品编号判断）
			 */
			async QueryGroup() {
				const userInfo = uni.getStorageSync('userInfo');
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'GroupPurchase',
					wf_num: 'R_GroupPurchase_BL017',
					CommodityNo: this.commodity.CommodityNo,
					SceneID: this.commodity.SceneID,
					SceneAssetsId: this.commodity.SceneAssetsId,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					if (result.data.exist) {
						// 存在，则提醒
						console.log("存在，则提醒")
						this.show = true;
						this.SolitaireList = result.data.SolitaireList;
					} else {
						// 不存在，则直接发起
						console.log("不存在，则直接发起")
						this.PublishGroupPurchase();
					}
				} else {
					this.$u.toast(result.msg);
				}
			},
			
			/**
			 * 直接发起接龙团购
			 */
			async PublishGroupPurchase() {
				const userInfo = uni.getStorageSync('userInfo');
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					avatarUrl: userInfo.avatarUrl,
					appid: 'ProductPromote',
					wf_num: 'R_ProductPromote_BL026',
					SceneID: this.commodity.SceneID,
					SceneAssetsId: this.commodity.SceneAssetsId,
					CommodityNo: this.commodity.CommodityNo,
					ReviewMainDocUnid: this.commodity.MainDocUnid,
					ReviewSubDocUnid: this.commodity.SubDocUnid,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					/* this.showMSG('success', '发布成功');
					setTimeout(() => {
						// 跳转到购买商品页面
						let GroupPurchaseDocUnid = result.data;
						this.$u.route('/pages_private_scene2/GroupPurchase/SolitaireDetails?docUnid=' +
							GroupPurchaseDocUnid + '&SceneAssetsId=' + this.SceneAssetsId + '&SceneID=' +
							this.SceneID)
						// uni.reLaunch({url:'/pages_private_scene2/GroupPurchase/SolitaireDetails?docUnid='+GroupPurchaseDocUnid+'&SceneAssetsId='+this.SceneAssetsId+'&SceneID='+this.SceneID})
					}, 1000); */
					
					let NewDocUnid = result.data;
					let url = '/pages_private_scene2/GroupPurchase/CommodityDetails?docUnid='+this.NewDocUnid+'&SceneID='+ this.commodity.SceneID+'&SceneAssetsId='+this.commodity.SceneAssetsId
					let route = this.getCurrentPageUrl(this);
					
					let posterData = {};
					posterData.imageURL = this.commodity.CommodityPicture.split(",")[0];
					posterData.productName = this.commodity.CommodityName;
					posterData.productPrice = this.commodity.SpecialPrice;// 商品优惠价
					posterData.invitemsg = '邀请您参与拼团活动';// 邀请内容。如邀请购买商品，可不传。默认邀请
					posterData.type = 'bmhb';
					
					// 发布成功，则创建帮卖海报
					this.createPoster(NewDocUnid, url, route, posterData);
					
				} else {
					this.showMSG('error', result.msg);
				}
			},
			
			/**
			 * 生成生成海报
			 */
			async createPoster(docUnid,url,route,newId,posterData){
				let res = await this.$u.api.unifyRequest({
					appid: 'AppletInterface',
					wf_num: 'R_AppletInterface_BD01',
					path: route,// 类型
					loading: true, //默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if(res.code == "200"){
					//如果有传newId，表示需要先跳转到分享页面（share.vue）,需要在分享表中记录多一条记录
					if(this.isNotNull(newId)){
						this.recordShareInfo(docUnid,newId)
					}
					const userInfo = uni.getStorageSync('userInfo');
					let result = await this.$u.api.unifyRequest({
						appid: 'ACTIVITY',
						wf_num: 'R_ACTIVITY_BY002',
						url: url,// 转向地址
						docUnid: docUnid,
						type: res.type,//类型
						loading: true, //默认发起请求会有一个全局的Loading，设置false可去掉
					});
					if(result.code == "200"){
						// 分享成功回调
						let obj = {
							docUnid: docUnid,
							shareType: res.type,
							shareAddress: url,
							shareSource: route
						}
						this.shareSuccessCallBack(obj);// 分享回调函数
						this.createCustomPoster(result.scene,docUnid,posterData);// 创建帮卖海报
					} else {
						this.showMSG('error',result.msg)
					}
				}
			},
			
			/**
			 * 分享回调函数---保存分享次数
			 */
			async shareSuccessCallBack(obj){
				const userInfo = uni.getStorageSync('userInfo');
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'GroupPurchase',
					wf_num: 'R_AppletInterface_BL001',
					docUnid: obj.docUnid,// 文档ID
					SceneAssetsId: this.commodity.SceneAssetsId,// 定制ID
					SceneID: this.commodity.SceneID,// 场景ID
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				console.log(result);
			},
			
			/**
			 * 发布成功，则创建帮卖海报
			 */
			async createCustomPoster(scene,docUnid,posterData){
				this.showLoading()
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyRequest({
					appid: 'ACTIVITY',
					wf_num: 'R_ACTIVITY_BD07',
					userid: userInfo.userId,
					nickName: userInfo.nickName,
					avatarUrl: userInfo.avatarUrl,
					imageURL: posterData.imageURL,
					productName: posterData.productName,
					productPrice: posterData.productPrice,
					pageURL: 'pages_tabbar_contact/common_contact/guide',
					paramargs: scene,
					invitemsg: posterData.invitemsg,
					type: posterData.type,
					loading: true ,// 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if(result.code == 200){
					this.PosterURL = result.key
					this.hideLoading()
					this.poster_modal_show = true
				}else{
					this.showMSG('error','出错啦')
				}
			},
			
			// toast生成中
			showLoading() {
				wx.showLoading({
				  title: 'Loading...',
				  icon: 'none',
				});
			},
			 
			hideLoading() {
				wx.hideLoading();
			},
			
			// 长按保存图片
			saveImg(url){
			  //用户需要授权
			  wx.getSetting({
				success: (res) => {
					if (!res.authSetting['scope.writePhotosAlbum']) {
					 wx.authorize({
					  scope: 'scope.writePhotosAlbum',
					  success:()=> {
					   // 同意授权
					   this.saveImg1(url);
					  },
					  fail: (res) =>{
					   console.log(res);
					  }
					 })
					}else{
					 // 已经授权了
					 this.saveImg1(url);
					}
				   },
				   fail: (res) =>{
					console.log(res);
				   }
				})
			},
			
			saveImg1(url){
				wx.getImageInfo({
				   src: url,
				   success:(res)=> {
					let path = res.path;
					wx.saveImageToPhotosAlbum({
					 filePath:path,
					 success:(res)=> { 
						this.showMSG("success","保存成功！")
					 },
					 fail:(res)=>{
					  console.log(res);
					 }
					})
				   },
				   fail:(res)=> {
					console.log(res);
				   }
				})
			},
			
			/** 
			 * 保存到相册
			 */
			SaveAlbum(url) {
				wx.getImageInfo({
				   src: url,
				   success:(res)=> {
					let path = res.path;
					wx.saveImageToPhotosAlbum({
					 filePath:path,
					 success:(res)=> { 
						this.showMSG("success","保存成功！")
					 },
					 fail:(res)=>{
					  console.log(res);
					 }
					})
				   },
				   fail:(res)=> {
					console.log(res);
				   }
				})
			},
			
			/** 
			 * 复制链接
			 */
			copyLink (link) {
				wx.setClipboardData({
				  //准备复制的数据内容
				  data: link,
				  success: function (res) {
					wx.showToast({
					  title: '已复制',
					});
				  }
				});
			},
			
			/**
			 * 前往拼团（接龙详情页面）
			 */
			async GoToSolitaireDetails() {
				if (this.SolitaireList.length > 1) {
					// 存在多个相似的接龙，则弹出提示框让其选择一个接龙
					this.show = false;
					this.show2 = true;
				} else if (this.SolitaireList.length == 1) {
					// 否则，直接跳转到接龙详情
					this.$u.route('/pages_private_scene2/GroupPurchase/SolitaireDetails?docUnid=' + this.SolitaireList[
							0].docUnid + '&SceneAssetsId=' + this.commodity.SceneAssetsId + '&SceneID=' + this
						.commodity.SceneID)
				} else {
					this.showMSG('error', '出错啦！');
				}
			},

			/**
			 * 确认前往选中的拼团（接龙详情页面）
			 */
			async SureGoTo(docUnid) {
				this.$u.route('/pages_private_scene2/GroupPurchase/SolitaireDetails?docUnid=' + docUnid +
					'&SceneAssetsId=' + this.commodity.SceneAssetsId + '&SceneID=' + this.commodity.SceneID)
			},
			
			/**
			 * 点击联系客服
			 */
			contactCustomerService() {
				console.log("********")
				console.log(this.CustomerService)
				if (this.isNotNull(this.CustomerService.csQrCode)) {
					this.CustomerService_Show = true
				} else {
					this.showMSG('none', '请联系平台管理员')
				}
			},
		}
	}
</script>

<style scoped>
	.n-price {
		height: 50px;
		width: 93%;
		margin: 0 auto;
		color: #000000;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}

	.n-price__left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		line-height: 110rpx;
	}

	.n-price .curprice {
		font-size: 15px;
		color: #e31436;
	}

	.n-price .curprice .curnum {
		font-size: 44rpx;
		font-weight: bold;
	}

	.n-price .mrkprice {
		text-decoration: line-through;
		margin-left: 5rpx;
		font-size: 30rpx;
		color: #999;
	}

	.n-price .tag {
		display: inline-block;
		padding: 0 5px;
		height: 15px;
		line-height: 15px;
		text-align: center;
		margin-left: 10px;
		vertical-align: 2px;
		font-size: 11px;
		color: #fff;
		background: #ff8587;
		border-radius: 3px;
	}

	.n-prdinfo {
		margin: 0 10px 10px;
		border-top: 1px solid #f0f0f0;
	}

	.n-prdinfo .tit {
		line-height: 32rpx;
		/* padding-top: 10px; */
		margin-bottom: 12rpx;
		width: 100%;
		font-size: 30rpx;
		color: #333;
		font-weight: bold;
	}

	.n-prdinfo .subtit {
		font-size: 13px;
		color: #333;
		line-height: 21px;
	}

	.n-prdinfo .subtit .spec {
		color: #e31436;
	}

	.n-prdinfo .presaletxt {
		color: #f00;
	}

	.u-graybar {
		background: #f1f1f1;
		height: 10px;
	}

	.n-activitybox {
		background-color: #FFFFFF;
		width: 90%;
		margin: 0 auto;
	}

	.n-activitybox .itm {
		position: relative;
		padding: 9px 0;
		/* border-bottom: 1px solid #f0f0f0; */
		zoom: 1;
	}

	.n-activitybox .itm:after {
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		overflow: hidden;
		content: ".";
	}

	.n-activitybox .itm .name {
		float: left;
		height: 24px;
		line-height: 24px;
		font-size: 13px;
		color: #6f6e6e;
	}

	.n-activitybox .itm .cnt {
		margin-left: 50px;
		padding-top: 1px;
		padding-right: 10px;
	}

	.n-activitybox .itm:last-child {
		border-bottom: none;
	}

	.n-activitybox .v-linkicon {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0px;
		width: 10px;
		height: 10px;
		margin-top: auto;
		margin-bottom: auto;
		background-size: 200px;
	}


	.mrkprice {
		padding-left: 8rpx;
	}

	.v-sperate {
		height: 10px;
		background: #f1f1f1;
	}

	.n-goodsdetailbar {
		position: relative;
		height: 44px;
	}

	.n-goodsdetailbar .txt {
		position: absolute;
		top: 0;
		left: 0px;
		z-index: 9;
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
	}

	.n-goodsdetailbar .v-img {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 90rpx;
	}

	img {
		vertical-align: middle;
		border: 0;
	}

	.m-buybar {
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: #fff;
	}

	.m-buybar .btn-wrap {
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.m-buybar a {
		display: block;
		height: 50px;
		vertical-align: top;
		font-size: 15px;
		line-height: 50px;
		text-align: center;
	}

	.m-buybar .btn {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.m-buybar .buynow {
		color: #fff;
		/* background: #e31436; */
		background: #e55e97;
	}

	.m-buybar .buynow.btn-large {
		border: none;
		background-color: #d22147;
		color: #fff;
	}

	.m-buybar .buynow.dis {
		color: #fff;
		background-color: #ccc;
		border: none;
		cursor: default;
	}

	.m-buybar .buynow.s-fc {
		background: #000;
	}

	.m-buybar .addcart {
		background-color: #ff8587;
		color: #fff;
	}

	.m-buybar .addcart.dis {
		color: #fff;
		background-color: #ccc;
		border: none;
		cursor: default;
	}

	.m-buybar .collect {
		position: relative;
		/* width: 95px; */
		width: 140rpx;
		/* padding-top: 12px; */
		/* border-top: 1px solid #ddd; */
		/* border-right: 1px solid #ddd; */
		color: #666;
		font-size: 24rpx;
	}

	.m-buybar .collect:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		top: 7px;
		left: 17px;
		background-size: 200px;
	}

	.m-buybar .collect-1 {
		background-position: -161px 1px;
	}

	.m-buybar .collect-1:after {
		background-position: -139px -33px;
	}

	.m-buybar .cart {
		position: relative;
		width: 55px;
		/* padding-top: 12px; */
		/* border-top: 1px solid #ddd; */
		color: #666;
		font-size: 12px;
		background-size: 200px;
	}

	.m-buybar .cart .count {
		position: absolute;
		min-width: 16px;
		height: 16px;
		left: 27px;
		top: 2px;
		background-color: #fff;
		color: #e31436;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		padding: 0 4px;
		border: 1px solid #e31436;
	}

	.m-buybar .nogoods {
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
		padding-left: 10px;
		background-color: rgba(0, 0, 0, 0.7);
		text-align: left;
		font-size: 16px;
		line-height: 40px;
		color: #fff;
	}

	.m-buybar .nogoods:after {
		content: "";
		position: absolute;
		width: 70px;
		height: 45px;
		left: 10px;
		top: -35px;
		background-size: 200px;
	}

	.m-buybar .cantdeliver {
		position: absolute;
		text-align: center;
		top: -40px;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		font-size: 12px;
		line-height: 40px;
		color: #fff;
	}

	.m-buybar .hide {
		display: none;
	}

	.bg-white {
		/* background-color: #FFFFFF; */
	}

	.itm-value {
		font-weight: 500;
	}

	.f-els-1 {
		line-height: 48rpx;
	}

	.recovery {
		color: #fff;
		background: #eab315;
	}

	.view-pro {
		color: #fff;
		background: #3b79fe;
	}

	.slot-content {
		font-size: 28rpx;
		color: #bcbcbc;
		text-align: center;
		margin: 0 auto;
	}

	.infoblocks {
		/* background-color: #FFFFFF; */
	}

	.remark-box {
		/* width: 95%; */
		margin: 0 auto;
	}

	.remark-rule {
		margin: 0rpx 40rpx 0rpx 40rpx;
	}
	
	.remark-rule-title {
		color: #6f6e6e;
		height: 24px;
		line-height: 24px;
		font-size: 13px;
	}
	
	.line-through {
		font-size: 32rpx;
		color: #919191;
		padding: 0 0.2rem;
		text-decoration: line-through;
	}
	
	.price-area{
		color: red;
	}
	
	.commodity-name {
		width: 93%;
		margin: 0 auto;
		color: #000000;
	}
	
	.work-free {
		width: 93%;
		margin: 0 auto;
		background-color: #fef9e6;
		color: #000000;
		padding: 20rpx;
	}
	
	.work-free .text1 {
		color: #3e3d3d;
	}
	
	.work-free .text2 {
		color: #7d7d7d;
	}
	
	.work-free .text2 span {
		color: red;
	}
	
	.notice-area {
		color: #7d7d7d;
		width: 93%;
		margin: 0 auto;
	}
	
	.aui-flex-goods {
		margin-right: .8em;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		float: left;
		display: inline;
	}
	
	.aui-flex-goods img {
		width: 100%;
		max-height: 100%;
		vertical-align: top;
	}
	
	.aui-flex-content {
		display: inline;
		width: 80px;
		height: 80px;
	}
	
	.aui-flex-title{
		font-weight: bold;
		color: #1d1b1b;
		font-size: 30rpx;
		padding-bottom: 10rpx;
	}
	
	.aui-flex-time{
		font-size: 24rpx;
		color: #bcbcbc;
		padding-top: 15rpx;
	}
	
</style>
